.swiper-index {width: 100%;height: 460px;}
.swiper-index .swiper-slide { height: 460px; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background:url(../images/loadz.gif) center no-repeat; }
.swiper-index .swiper-slide img { width:100%; height:100%;}
.swiper-index .index-pagination { bottom:30px !important;}
.swiper-index .index-pagination .swiper-pagination-bullet { width:46px; height:4px; background:url(../images/li2.jpg) no-repeat; background-position:-46px 0; margin:0 10px; border-radius:0; -webkit-border-radius:0;  transition:all 5s ease 0; -webkit-transition:all 5s ease 0; opacity: 1;}
.index-pagination .swiper-pagination-bullet-active {  animation: 5s banner6 linear infinite;  animation: 5s banner6 linear infinite;}
@keyframes banner6 { 
 0% {
background-position:-46px 0;
}
100% {
background-position:0 0;
}
}
/*************288f47****************/
/******************/
.index-lay1 { position: relative;}
.abs-left { width: 512px; float: left; margin: 0px 0 0 50px; color: #545454; line-height: 30px; }
.abs-left .tbt { color: #4a4a4a; font-size: 30px; margin-bottom: 10px;}
.abs-left .tbc { height: 150px; overflow: hidden;;}
.abs-right { float: right; width: 560px; height:440px;}
.qy-list { overflow: hidden; margin-top: 30px;}
.qy-list li { width: 114px; float: left; height: 114px;border: 1px solid #dcdcdc; text-align: center;}
.qy-list li a {color: #626262; position: relative; z-index: 2; display: block; overflow: hidden; height: 100%;; }
.qy-list li span { font-size: 32px; display: block; margin:0 auto; text-align: center; margin: 25px 0 10px; }
.qy-list li:hover { background: #288f47; border: 1px solid #288f47;}
.qy-list li:hover a { color: #fff;}
/***********************/
.fw-bg { height: 567px; background: url(../images/bg-line1.jpg) top center no-repeat; padding-top: 110px; margin-top: 10px;}
.fw-box { overflow: hidden; margin-top: 30px;}
.fw-box li { width: 33.33%; float: left; color: #ffffff; font-size: 16px; line-height: 24px; text-align: center;}
.fw-box li .fw-top { position: relative; width: 180px; height: 180px; padding: 22px; margin: 0 auto; margin-bottom: 10px;}
.fw-box li .fw-top em { width: 136px; height: 136px; padding: 33px 0 0 33px; border-radius: 100%; display: block; background: #fff; position: relative; z-index: 5;}
.fw-box li .fw-top img { width: 70px; height: 70px; display: block;}
.fw-box li .fw-top::before{ position: absolute; left: 17px; top: 17px; content: ''; display: block; width: 146px;height: 146px;border-radius: 100%;background-color: #fff;opacity: 0.7;
	animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);
	animation-delay: 0s;
	animation-delay: 100ms;
	transition: 0.5s all ease;
	transform: scale(1);}
@keyframes scale {
 0% {
  transform:scale(1);
 }
 50%
 {
  transform:scale(1.1);
 }
 100% {
  transform:scale(1);
 }
}
/*******************/
.coop-box8 { height: 420px; overflow: hidden;}
.news-list7 { overflow: hidden; padding: 0 10px; width: 1236px; margin: 0 auto; margin-top: 40px; } 
.news-list7 li { width: 284px; float: left; margin: 0 10px; }
.news-list7 li .tb-box { width: 100%; height: 198px;}
.news-list7 li .tbc { border: 1px solid #ddd; height: 156px; position: relative; color: #797979; line-height: 24px; padding: 8px; }
.news-list7 li .tbc h1 { color: #4d4d4d; font-size: 16px; max-height: 24px; overflow: hidden; margin-top: 8px;}
.news-list7 li .tbc h3 { height: 48px; overflow: hidden; margin-top: 10px; }
.news-list7 li .nmore { height: 46px; line-height: 46px; text-align: center; color: #1eac32;position: absolute;left: 0;bottom: 0;text-align: center;width: 100%;}
.tec-bg { background: url(../images/bg-line2.jpg) top center no-repeat; height: 523px;}
.tec-box li{ width: 25%; margin-top: 50px;}
.tec-box li h3 { margin-top: 10px;}
/********************/
.brand-list { overflow: hidden; width: 1202px; margin: 0 auto; margin-top: 30px;  padding: 1px;  }
.brand-list li { float:left; width:200px; height:145px; border:1px solid #dcdcdc; position:relative; }
.brand-list li:before { content: ""; width: 100px;height: 100px;position: absolute;border: 1px solid #fff;top: 20px;left: 50px;transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; }
.brand-list li:hover:before {width:202px; height: 147px;  left: -2px; top: -2px; border: 2px solid #288f47; opacity: 1; z-index: 1;}
.brand-list li .tb-box { position:absolute; left:0; bottom:0; display:block; width:198px; height:143px; }
.brand-list li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
/*************/
.abs-lay1 { position: absolute; left: 50%; top: 380px; overflow: hidden; width: 780px; height: 130px; padding: 29px 0; margin-left: -550px; background: #fff; z-index: 10; box-shadow: 0 5px 12px #d4d4d4; border-radius: 10px; }
.abs-lay1 li { float: left; width: 260px; height: 72px; border-right: 1px solid #ddd;  position: relative;  text-align: center; line-height: 24px; color: #fff; color: #545454;  }
.abs-lay1 li h1 { position: relative; z-index: 2;color: #ffae00; font-size: 24px;}
.abs-lay1 li i { font-size: 42px; line-height: 42px; }
/***********/
.ck-m { position: relative; width:100px; height:40px; line-height:38px; text-align:center; color:#575757; font-size:16px; display:block; border: 1px solid #dcdcdc; margin-top: 20px; }
.ck-m:hover { color: #288f47; }
.ck-m span{position:absolute;background:#288f47;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.ck-m .line1{left:-1px;top:-1px;width:0%;height:1px}
.ck-m .line2{right:-1px;top:-1px;width: 1px;height:0%}
.ck-m .line3{right:-1px;bottom:-1px;width:0%;height:1px}
.ck-m .line4{left:-1px;bottom:-1px;width:1px;height:0%}
.ck-m:hover .line1,.ck-m:hover .line3{width: 100px;}
.ck-m:hover .line2,.ck-m:hover .line4{height:40px;}
/**************************/
.index-lay2 { height: 750px; overflow: hidden; background: url(../images/index-lay2.jpg) top center no-repeat}
.index-lay2 .case-top a{ border: 1px solid #dcdcdc; color: #fff;}
.index-lay2 .case-top a.ns-on { color: #288f47;}
.index-lay2 .case-top a:before { background: #fff;} 
.jh-list { overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 30px;}
.jh-list li { width: 25%; float: left; text-align: center; color: #ffffff; font-size: 16px; line-height: 24px; margin-top: 45px; text-shadow: 2px 2px 2px #888;}
.jh-list li .tbt { position: relative; width: 116px; height: 121px; padding: 34px; margin: 0 auto; margin-bottom: 8px; }
.jh-list li .tbt::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/cir.png) no-repeat;transition: all .3s;}
.jh-list li .tbt img { width: 48px; height: 48px;z-index: 2; position: relative; }
.jh-list li:hover .tbt::before { transform: rotate(360deg);}
/***************************************/
/********************/
.inban { height: 400px; position: relative; overflow: hidden;}
.ban-con { position: absolute; top: 155px; width: 100%; left: 0; text-align: center; color:#ffffff; font-size: 16px; line-height: 30px;}
.ban-con h1 { font-size: 44px; line-height: 48px; margin-bottom: 15px;}

.inn-navbox { position: relative; height: 100px; line-height: 100px; background: #fff; box-shadow: 10px 10px 10px #dbdbdb;}
.wz{ position: absolute; right: 50%; margin-right: -600px; top: 0px;  height:100px; line-height:100px; color:#7b838e;padding-left: 30px;background: url(../images/wz.jpg) 0 no-repeat;}
.wz a{color:#7b838e; display:inline-block; padding:0 7px; font-size: 16px;}
.wz a.on,.wz a:hover{color:#288f47;} 
/*************/
#containermap{width:100%;height:590px;background-color:#eee}
#containermap .tt{ padding:0;margin:0;line-height:30px;font-size:16px; position:relative;  }
#imgDemo{  display: none; float:left;width:60%; margin-left: 20%;}
#containermap .add{ font-size:14px;line-height:20px;padding:0;margin:0;color:#666; position:relative;  }
/**************************************************************/
.info-t { line-height:30px; padding-top:50px;   font-size:24px; color:#333333; text-align: center }
.info-sp { color:#838383; background: #eee; margin-top: 20px;  line-height:56px; text-align: center }
.info-c { color:#555555; font-size:14px; line-height:28px;  margin:30px 0px 30px; overflow:hidden;}
.info-c img { max-width:100%;}
.fenx {  float: right; color: #666; margin-top: 20px; }
.fenx span { position: relative; top: -5px; margin-right: 6px; }
.sxpian { border-top:10px solid #eee; margin:30px 0px 0 0px; padding-top:20px; line-height:30px; color:#666; font-size:14px; position:relative;}
.sxpian a { margin-left:6px; color:#666;}
.sxpian a:hover {  color:#288f47; text-decoration:underline;}

.back-btn{ position:absolute; right:0; top:30px; width:156px; height:38px; border:2px solid #888; display:block; text-align:center; line-height:34px;}
.sxpian a.back-btn:hover { color: #288f47; text-decoration: none}
/**fenx***/
.bdsharebuttonbox{display: inline;_display: none; margin-left:55px;}
.bdsharebuttonbox a{float: none !important;width:32px !important; height:32px !important; display:inline-block !important; padding-left:0px !important;margin:0 2px !important;position: relative;top: 4px;}
.bds_sqq{background:url(../images/fenx.jpg) no-repeat !important; background-position:-40px 0 !important;}
.bds_weixin{background:url(../images/fenx.jpg) no-repeat !important; background-position:-80px 0 !important; }
.bds_tsina{background:url(../images/fenx.jpg) no-repeat !important; background-position:0px 0 !important;}
.bds_qzone{background:url(../images/fenx.jpg) no-repeat !important; background-position:-160px 0 !important;}
.bds_tqq{background:url(../images/fenx.jpg) no-repeat !important; background-position:-120px 0 !important;}
.bds_more{background:url(../images/fenx.jpg) no-repeat !important; background-position:-123px 0 !important;}
.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}
#lightbox-infoFooter { display:block !important;}
#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }
#lightbox-currentNumber {display:none !important;}
#lightbox-close {background:url(../images/close8.png) no-repeat; width:32px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:32px; position:absolute; right:-14px; top:-14px; z-index:9999;}
#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}

.cool-l span{position:absolute;background:#288f47;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.cool-l .line1{left:-2px;top:-2px;width:0%;height:2px}
.cool-l .line2{right:-2px;top:-2px;width:2px;height:0%}
.cool-l .line3{right:-2px;bottom:-2px;width:0%;height:2px}
.cool-l .line4{left:-2px;bottom:-2px;width:2px;height:0%}
.cool-l:hover .line1,.cool-l:hover .line3{width: 156px;}
.cool-l:hover .line2,.cool-l:hover .line4{height:38px;}

.back-btn span{position:absolute;background:#288f47;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.back-btn .line1{left:-2px;top:-2px;width:0%;height:2px}
.back-btn .line2{right:-2px;top:-2px;width:2px;height:0%}
.back-btn .line3{right:-2px;bottom:-2px;width:0%;height:2px}
.back-btn .line4{left:-2px;bottom:-2px;width:2px;height:0%}
.back-btn:hover .line1,.back-btn:hover .line3{width: 156px;}
.back-btn:hover .line2,.back-btn:hover .line4{height:38px;}
.inn-nav { position: absolute; left: 50%; margin-left: -600px; top: 0; height: 100px;}
.inn-nav a { float: left; color: #565656; font-size: 16px; padding: 0 10px; margin: 0 10px; position: relative; display: block}
.inn-nav a::before,.inn-nav a::after {content: ""; width: 0; position: absolute; left: 50%; bottom: 0; height: 4px; background: #288f47; transition: all .3s;}
.inn-nav a::after { left: auto; right: 49%;}
.inn-nav a:hover::before,.inn-nav a:hover::after,.inn-nav a.on::before,.inn-nav a.on::after {width: 51%; }
.inn-nav a.abc::before,.inn-nav a.abc::after  { width: 0;}
.inn-nav a:hover,.inn-nav a.on { color: #288f47;}
.inn-nav a.abc {color: #565656;}
.sb-title { font-size: 30px; color: #3d3d3d; line-height: 32px; padding: 40px 0 0 30px;}
.sb-title h1 { font-size: 24px; color: #707070; line-height: 48px; }
.sb-title::before { display: none; content: ""; position: absolute; left: 30px; top: 0px; height: 4px; width: 110px; background: #da251d; transition: all .3s;}
.sb-title:hover::before  { width: 130px;} 
.inmain { min-height: 300px; }
.cul-list { overflow: hidden;}
.cul-list li {  overflow: hidden; margin-top: 30px; height: 210px; background: #fff; color: #585858; font-size: 16px; line-height: 30px; }
.cul-list li img { float: left; width: 600px; height: 210px; display: block; }
.cul-list li .cul-right {float: right; width: 600px; padding: 30px 40px 0;}
.cul-list li .tbt { color: #9e9e9e; font-size: 18px; margin-bottom: 10px;}
.cul-list li .tbt h1 { color: #585858; font-size: 24px;}
.cul-list li.oth img { float: none; float: right;}
.gbgbg { background: #f6f6f6;}
.honor { overflow: hidden; width: 1280px; margin-top: 30px; }
.honor li{ float: left; width: 280px; background: #fff; padding: 20px 20px 0; margin: 10px 27px 0 0; text-align: center; line-height: 40px; }
.honor li .tb-box { width: 240px; height: 340px;   }
.honor li a { color: #2c2c2c; font-size: 14px; } 

#lightbox * { box-sizing:content-box;}
.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}
#lightbox-infoFooter { display:block !important;}
#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }
#lightbox-currentNumber {display:none !important;}
#lightbox-close {background:url("../images/close8.png") no-repeat; font-size:0; width:32px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:32px; position:absolute; right:-15px; top:-15px; z-index:9999; cursor:pointer;}
#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}
/******************/
.case-list2 { overflow: hidden; width: 1270px; }
.case-list2 li { width: 370px; float: left; margin: 40px 40px 0 0; color: #8e8e8e;}
.case-list2 li a {color: #8e8e8e;}
.case-list2 li .tb-box { width: 370px; height: 260px; }
.case-list2 li h1 { font-size: 18px; color: #2f2f2f; margin: 15px 0 5px}
.feedback { margin-top: 0;}
.feedback li{ padding: 0; border: 1px solid #d7d7d7; width: 267px; margin: 40px 40px 0 0; }
.feedback li .tb-box { height: 328px; width: 265px; }
/***************/
/***************/
.hon-list1 { overflow: hidden; width:1280px; }
.hon-list1 li { position: relative; float: left; overflow: hidden; font-size:16px; line-height:20px; width: 270px; margin: 30px 40px 0 0; }
.hon-list1 .tb-box {  width: 270px; height: 340px;transition: all 0.3s linear;display: block;}
.hon-list1 li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.hon-list1 li .team-s{ z-index: 10; background: rgba(0, 0,0, .5);  height: 0; position: absolute; right: 0%; top: 30px; width: 100%;transition: all .3s; overflow: hidden; opacity: 0;; }
.hon-list1 li:hover .team-s { width: 100%; height: 340px; top: 0; opacity: 1; }
.hon-list1 li .img-box {width: 270px; height: 340px; overflow: hidden;}
.hon-list1 li .team-s .tbc{ margin: 100px 15px 0; line-height: 30px; color: #fff; }
.hon-list1 .team-more { width: 108px; height: 40px; line-height: 38px; border: 1px solid #fff; text-align: center; display: block; margin: 0 auto; margin-top: 30px; color: #fff;}
.hon-list1 h1 { color: #919191; margin: 15px 0 10px;}
.hon-list1 h1 font { color: #3d3d3d; font-size: 22px;  margin-right: 8px; }
/*****************/
.con-four { overflow: hidden; padding: 60px 0 40px;}
.con-four li { width: 25%; float: left;height:270px; padding:30px 20px 0;  text-align: center; color: #4e4e4e; font-size: 14px; line-height: 24px;  border-left: none; }
.con-four li:first-child {  }
.con-four li img { height: 80px; }
.con-four li h1 { color: #2e2e2e; font-size: 20px; margin: 15px 0 10px;  }
.con-four li h3 { font-size: 18px;  color:#bc2b36; }
.con-four li h5 { color:#4e4e4e; font-size:15px;}
.con-four li.dlay5 h5,.con-four li.dlay7 h5  { color:#bc2b36;}
/**************/
/**************************/
.news-list { overflow:hidden; position: relative;}
.news-list:before { content:""; position:absolute; left:50px; top:55px; background:#dcdcdc; width:1px; height:100%;}
.news-list li { overflow:hidden; position:relative; padding:45px 450px 45px 130px;  color:#6e6e6e; line-height:24px; }
.news-list li:before { content:""; position:absolute; left:50px; bottom:0; width:1150px;background:#dcdcdc; height:1px;}
.news-list li .date-a1 { position:absolute; left:0; top:55px; width:100px; height:100px; text-align:center; line-height:100px; background:#288f47; color:#ffffff; font-size:24px;}
.news-list li img { position:absolute; width:410px; height:210px; right:0; top:45px;}
.news-list li h1 { color:#515151; font-size:22px; line-height:30px;}
.news-list li h3 { height:96px; overflow:hidden;}
.news-list li a { color:#6e6e6e;}
.news-tit { margin:15px 0 20px; position:relative;}
.news-tit span { margin-right:20px;}
.news-tit span:last-child { position:absolute; right:0; top:0; margin-right:0;}
/******/
.zp-ul { overflow:hidden; margin-top:10px;} 
.zp-li { overflow:hidden; border:1px solid #d7d7d6; margin-top:10px;}
.zp-head .sp1 { width:300px; margin-left:34px; float:left;font-size: 16px;color: #383838; position:relative; }
.zp-bom { padding:20px 25px; border-top:1px solid #d7d7d6; font-size:14px; color:#878787; line-height:24px; display:none; position:relative;}
.dww{ position:relative; display:inline-block; margin-left:10px; font-size:16px; color:#ef8a14;top: 0px;left:0px;}
.zp-top { height:60px; font-size:18px; line-height:60px; background:#505050; color:#fff; margin-top:60px;}
.sp2{ width:16.666%; float:left; text-align:center; font-size:16px;}
.zp-head { height:50px;  color:#5b5b5b; line-height:50px; font-size:18px;overflow: hidden; }
.zp-head .arrow{ background:url(../images/zp-drop.png) no-repeat; display:inline-block; width:17px; height:10px; -webkit-transition:all .4s; transition:all .4s;}
.le_on1 { background:#288f47; color:#fff;}
.le_on1 .arrow{ -webkit-transform:rotate(180deg);  transform:rotate(180deg);background:url(../images/zp-drop2.png) no-repeat;}
/*********/
.zp-list { width: 1300px; padding: 0 0px 10px 50px; overflow: hidden; margin: 0 auto;  } 
.zp-list li { float: left; width: 380px; height: 380px; background: #fff; padding: 30px; position: relative; margin: 30px 30px 0 0; color: #333333; line-height: 30px; box-shadow: 5px 5px 5px #ccc;}
.zp-list li .tbt { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 15px;}
.zp-list li .tbt h1 { color: #444444; font-size: 20px;}
.zp-list li .tbc h1{ font-size: 16px;}
.zp-list li .tbc h3 { height: 90px; overflow: hidden;;}
.zp-list li .tbc h5 { margin-top: 5px;}
.zp-more { width: 130px; height: 40px; line-height: 40px; background: #e5e5e5; color: #333; font-size: 16px; text-align: center; display: inline-block; margin-top: 20px; border-radius: 40px;}

.zp-list li:hover { background: #288f47; color: #fff;}
.zp-list li:hover .tbt { border-bottom: 1px solid #fff;}
.zp-list li:hover .tbt h1 { color: #fff;}
.zp-list li:hover .zp-more { background: #fff; color: #288f47;}
/****************/
.fz-left { width: 283px; float: left; margin: 0 0 0 30px; color: #288f47; font-size: 20px; line-height: 30px;margin-top: 50px;}
.fz-left h1{ color: #9e9e9e; font-size: 28px; }
.fz-right { position: relative; width: 810px; float: right; overflow: hidden;margin-top: 50px;}
.fz-right::before { content: ""; position: absolute; left: 11px; top: 5px; width: 1px; height: 100%; background: #dcdcdc; }
.fz-right li { position: relative; z-index: 10; padding: 0 0 30px 54px;color: #4b4b4b; line-height: 30px; background: url(../images/fz1.jpg) 0 5px no-repeat;  }
.fz-right li .date { color: #9e9e9e; font-size: 24px; }
.fz-right li::before { content: ""; position: absolute; left: 34px; top: 8px; width: 10px; height: 18px; background: url(../images/fz2.jpg) no-repeat;}
.case-table { line-height: 40px; text-align: center; margin-top: 50px; background: #fff;}
.case-table th { background: #6da97f; color: #fff; font-size: 18px; font-weight: bold; padding: 5px 0;}
.case-table tr:nth-child(2n-1) { background: #e5e5e5;}








/**********************/
.jhs-lay1 {  position: relative; text-align: center; margin-top: 50px;}
.fg-line { position: relative; padding-top: 15px; margin-bottom: 30px;}
.fg-line em { width: 6px; height: 150px; position: relative; z-index: 5; display: block; background: #fcb117; margin: 0 auto;}
.fg-line::before,.fg-line::after { content: ""; position: absolute; left: 50%; border-radius: 100%;}
.fg-line::before { width: 20px; height: 20px; background: #fdd88b; margin-left:-10px; top: 10px; z-index: 3; box-shadow: 0 0 2px #fcb117; }
.fg-line::after { width: 16px; height: 16px;  background: #fcb117; top: 12px; margin-left: -8px; z-index: 4;}
.inn-stitle { color: #262626; font-size: 28px; line-height: 40px;}
.inn-stitle h1 { color: #9f9f9f; font-size: 40px; }
.fg-line::before {  animation: 2s scar2 linear infinite; }
@keyframes scar2 { 
 0% {
 transform: scale(1)
}
50% {
	transform: scale(1.6)
   }
100% {
	transform: scale(1)
}
}
/********************************/
.jhs-lay2 { overflow: hidden; padding: 0 19px;}
.jhs-lay2 li { float: left; text-align: center; width: 80px; height: 80px; margin: 43px; font-size: 20px; line-height: 26px; padding: 14px 0; background: #fcb117; color: #fff; font-weight: bold; border-radius: 100%;}
.jhs-lay2 li.oth { padding-top: 27px;  font-weight: bold; }
.jhs-con { color: #505050; font-size: 16px; line-height: 32px; }
.pdlr30 { padding: 0 30px;}
/**********/
.jhs-sevice { background: url(../images/sev-top.jpg) 461px 0px no-repeat; padding-top: 84px; margin-top: 40px; }
.jhs-list { overflow: hidden; background: url(../images/sev-list.jpg) top center repeat-y;}
.jhs-list li { position: relative; padding: 20px 0 0 520px;  height: 397px; }
.jhs-list li img { width: 420px; height: 294px; position: absolute; left: 20px; top:20px;}
.jhs-list li.oth { padding: 20px 520px 0 0; text-align: right;}
.jhs-list li.oth img  { left: auto; right: 20px;}
/***************/

/********************/
.painting-box {  padding: 50px 360px 50px 50px; position: relative; overflow: hidden;}
.painting-box .tb-box { width: 248px; height: 248px; position: absolute; top: 50px; right: 50px;}
.painting-box .tbt { color: #999999;}
.painting-box .tbt h1 { color: #ff8a00; font-size: 22px; margin-bottom: 10px;  font-weight: bold;}
.innews-list { overflow: hidden;}
.innews-list li { float: left; width: 50%; padding: 40px 14px; height: 290px; line-height: 24px; border-bottom: 1px solid #dcdcdc}
.innews-list li .tb-box {float: left; height: 210px; width: 300px; margin-right: 20px; }
.innews-list li a { color: #808080; }
.innews-list li h5 { margin: 10px 0 10px;}
.innews-list li h1 { color: #272727; font-size: 18px;}
.innews-list li h3 { margin-top: 30px; transition: all .3s; }
.innews-list li:hover { border-bottom: 1px solid #ff8a00;}
.innews-list li:hover h1 { color: #ff8a00;}
.innews-list li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.innews-list li:hover h3 { margin-top: 22px; }
/****************************/
.cy-lay1 { overflow: hidden; padding:40px 70px;}
.cy-lay1 li { margin: 30px 0; position: relative; height: 310px;; padding: 70px 0 0 360px; color: #646464; font-size: 16px; line-height: 36px; }
.cy-lay1 li .tb-box { position: absolute; left: 0; top: 0; width: 310px; height: 310px; border-radius: 100%;;}
.cy-lay1 li h1 { color: #ff8a00; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.cy-lay1 li.oth { padding: 70px 360px 0 0px;}
.cy-lay1 li.oth .tb-box{ left: auto; right: 0; }

.cy-lay2 { overflow: hidden; width: 1280px;}
.cy-lay2 li { position: relative; width: 380px; height: 265px; float: left; margin: 30px 30px 0 0;}
.cy-lay2 li img { width: 100%; height: 100%; display: block; }
.cy-lay2 li h1 { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .5); width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 16px; z-index: 3; }
.cy-lay2 li .ic-zk { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, .5); transition: all .3s; }
.cy-lay2 li .ic-zk em {position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px; background: url(../images/video2.png) no-repeat;}
.cy-lay2 li em::before{content: ''; display: block; width: 46px;height: 46px;border-radius: 50%;background-color: #fff;opacity: 0.7;
	animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);
	animation-delay: 0s;
	animation-delay: 100ms;
	transition: 0.5s all ease;
	transform: scale(1);}

@keyframes scale2222 {
	
 0% {
  transform:scale(1);
 }
 50%,
 75% {
  transform:scale(2.5);
 }
 78%,
 100% {
  opacity:0;
 }
}
.v-close { display:block; position: absolute; top: 50%; left: 50%;margin-left:230px; margin-top:-214px;  width: 29px; height: 29px; background:url(../images/close6.png) no-repeat;-webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; transition:all 200ms ease 0s;}
.v-close:hover {  transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.tc-vio { position: fixed; display: none;  left:50%; top:50%; margin-left:-245px; margin-top:-205px; width:490px; height:410px; -webkit-border-radius:5px;z-index: 1001; border-radius:5px; border: 5px solid #fff; background:#000;} 
/*******************/
.audio-list { overflow: hidden;}
.audio-list li { color: #7c7c7c; line-height: 30px; overflow: hidden; float: left; width: 550px; margin: 66px 30px 0 20px;}
.audio-list li .audio-box .abcs { position: absolute; right: 0; bottom: 0; width: 48px; height: 48px; }
.audio-list li .audio-box { position: relative; float: left; width: 182px; height: 182px; display: block; margin-right: 25px;}
.audio-list li .audio-box img { width: 100%; height: 100%;}
.audio-list li h1 { color: #292929; font-size: 18px; margin: 20px 0 10px;}
/************/
.yaoqinghan { overflow: hidden;}
.yaoqinghan li { position: relative; float: left; width: 550px; margin: 66px 25px 0}
.yaoqinghan li .tb-box { width: 550px; height: 370px;}
.yaoqinghan li .yqh-box { position: absolute; left: 0; bottom: 0; background: rgba(255, 138, 0, .7); height: 100px; width: 100%; padding: 20px 20px 0 116px; line-height: 30px; color: #ffffff; font-size: 18px;}
.yaoqinghan li .yqh-box h3 { height: 60px; overflow: hidden;;}
.yaoqinghan li .yqh-box .part { width: 80px; height: 50px; background: #fff; text-align: center; position: absolute; left: 20px; top:25px; padding: 5px;}
.yaoqinghan li .yqh-box .part em { display: block; color: #ff8a00; border: 1px solid #ff8a00; height: 40px; line-height: 38px; font-size: 18px;; }
/*********************/
.games { overflow: hidden; width: 1280px}
.games li { width: 374px; float: left; margin: 30px 30px 0 0; line-height: 24px;}
.games li .tb-box { width: 374px; height: 265px;}
.games li h1 { color: #222; font-size: 18px; margin: 6px 0; }
.games li h3 { height: 48px; overflow: hidden;}
/***********指南******************/

/*******************************/


/*************/

.hot-list li { line-height:24px; padding:15px; position:relative; }
.hot-list li h3 { display:none; margin-top:10px; color:#717171;}
.hot-list li a { color:#3e3e3e;}
.hot-list img{display:none; position:absolute; right:0; width:105px; height:81px;}
.hot-list li:hover h3,.hot-list li.on h3{ display:block}
.hot-list li:hover,.hot-list li.on { padding-right:120px;}
.hot-list li:hover img,.hot-list li.on img { display:block;}
/**********************/
.news-box8 { width: 840px; float: left; overflow: hidden; padding-bottom: 50px;}
.con-four2 { overflow: hidden; padding: 0px 0px 60px; margin-top: 60px; border-top: 1px solid #ddd;}
.con-four2 li { width: 266px; margin: 0  10px 0 24px; float: left;padding:50px 0px 0 66px;  color: #4e4e4e; font-size: 14px; line-height: 24px; border-bottom: 1px solid #ddd; height: 150px;; }
.con-four2 li img { position: absolute; right: 210px; top: 0px; }
.con-four2 li h1 { position: relative; color: #2e2e2e; font-size: 16px; margin: 15px 0 10px; width: 200px; text-align: left;  }
.con-four2 li h3 { font-size: 22px;  color:#404040; }

.weixx { position: absolute; left: 130px; top: 50px; background: url(../images/con5.png) 0 no-repeat; padding-left: 40px;}
.weixx img.wxxx { width: 0px; height: 0px; position: absolute; left: 0; top: 20px; opacity: 0; transition: all .3s;}
.weixx:hover img.wxxx{ top: 0px; opacity: 1;  width: 130px; height: 130px;}
/*****************************/
.guide-list { overflow: hidden; margin: 60px 50px 0;  } 
.guide-list .gb-box { width: 440px; height: 420px; background: url(../images/gd-bg.jpg) no-repeat; float: left; position: relative; padding: 36px 0 0 45px;}
.guide-list .gb-box img{ width: 341px; height: 341px; display: block;; }
.guide-list .gb-box em { width: 60px; height: 60px; display: block; position: absolute; text-align: center; line-height: 60px; color: #fff; border-radius: 100%;}
.guide-list .gb-box em.cm1 { left: 50px; top: 62px; background: #ffa000;}
.guide-list .gb-box em.cm2 { right: 42px; bottom: 100px; background: #515151}
.gd-right { width: 633px; float: right;}
.gd-right .tbt { color: #ff9326; font-size: 30px;}
.gd-list li { position: relative; padding: 6px 0 6px 60px; margin-top: 30px; line-height: 30px; color: #545454; }
.gd-list li em { width: 42px; height: 42px; display: block; position: absolute; left: 0; top: 0; text-align: center; line-height: 42px; color: #fff; background: #ff9326; font-size: 18px; font-weight: bold; font-style: italic; border-radius: 100%;}
/********************************/
.gd-pic3  { overflow: hidden; text-align: center; margin-top: 50px;}
.gd-pic3 img { width: 350px; height: 245px; margin: 0 18px;}
.guide-list2 .gb-box { float: none; float: right }
.guide-list2 .gd-right {float: none; float: right}

/***************************/
.news-right { width: 320px; float: right; padding-bottom: 50px; overflow: hidden; }
.tj-title { height: 44px; line-height: 40px; border-bottom: 4px solid #eee; color: #ff8a00; font-size: 18px; font-weight: bold;}
.tj-list { overflow: hidden;}
.tj-list li  { border-bottom: 1px solid #dfdfdf; line-height: 24px; padding: 0 0 10px 0; margin-top: 15px; }
.tj-list li a { color: #4c4c4c;}
.tj-list li h1 { color: #222; font-size: 18px; margin-bottom: 6px; }
.team-com { text-align: center;}
.team-com img { width: 30%;}
.team-com .info-t {  padding: 20px 0 20px;}
.team-com .tbc { line-height: 36px; font-size: 18px; color: #555;}
/*******************/


.abs-num { overflow: hidden; margin-top: 50px;}
.abs-num li { float: left; width: 33%; text-align: center; line-height: 22px; border-right: 1px solid #eeeeee; height: 70px; color: #3d3d3d; }
.abs-num li.oths { border: none;}
.abs-num li h1 { color: #ff8a00; line-height:48px; height: 48px;; }
.abs-num li h1 i { font-size: 48px;}
/******************/
.video-list { overflow: hidden; margin-top: 50px;}
.video-list li { float: left; width: 350px; margin: 0 25px;line-height: 24px;}
.video-list li .tb-box { width: 100%; height: 245px; position: relative; }
.video-list li a {color: #666; }
.video-list li h1 { color: #3d3d3d;  font-size: 22px; margin: 15px 0 5px; height: 24px; overflow: hidden;; }
.video-list li h3 { height: 48px; overflow: hidden;;}
.video-list li .ic-zk { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, .5); transition: all .3s; opacity: 0; }
.video-list li .ic-zk em {position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px; background: url(../images/video2.png) no-repeat;}
.video-list li em::before{content: ''; display: block; width: 46px;height: 46px;border-radius: 50%;background-color: #fff;opacity: 0.7;
	animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);
	animation-delay: 0s;
	animation-delay: 100ms;
	transition: 0.5s all ease;
	transform: scale(1);}

@keyframes scale22222 {
 0% {
  transform:scale(1);
 }
 50%,
 75% {
  transform:scale(2.5);
 }
 78%,
 100% {
  opacity:0;
 }
}
.video-list li:hover .ic-zk { opacity: 1;} 


/***********************/

/***********/
.work-ny { height: auto; margin-top: 0; padding-bottom:30px;}
.work-ny li { margin-top:20px; }
/*****/
.cacacas { overflow: hidden; width: 1280px; padding: 20px 0;}
.cacacas li { margin: 20px 36px 10px 0;}
.cacacas li h1 { color: #222;}
.cacacas li .ck-m { border: 1px solid #dcdcdc; color: #3c3c3c;}
.cacacas li .ck-m:hover {color: #ff8a00;} 
/*************************/
.case-box { text-align: center; color: #747474; line-height:30px; margin-top: 40px;}
.case-box img { width: 810px;}
.case-box .tbt { font-size: 24px; color: #3d3d3d;padding: 30px 0;}
.case-box h1 {font-size: 18px; color: #3d3d3d; padding: 0 0 20px 0;}
.sxxpian { overflow: hidden; border-top: 1px solid #dcdcdc;}
.sxxpian a{ display: block; height: 100px; background: #fff; float: left; width: 50%; position: relative; padding: 10px 10px 10px 80px; line-height: 30px; transition: all .3s;}
.sxxpian a h1 { color: #4d4d4d; font-size: 20px; margin-top: 10px;}
.sxxpian a::before { content: ""; top: 40px; left: 30px; position: absolute; width: 18px; height: 18px; background: url(../images/sxprev.png) no-repeat;  transition: all .3s; }
.sxxpian a img { position: absolute; right: 10px; top: 10px; height: 80px; width: 100px; opacity: 0; transition: all .3s; }
.sxxpian a.post-next { padding: 10px 80px 10px 10px; text-align: right; }
.sxxpian a.post-next img { right: auto; left: 10px;;}
.sxxpian a.post-next::before { left: auto; right: 30px; background-position: -56px 0;}
.sxxpian a:hover { background: #ff8a00; color: #fff;}
.sxxpian a:hover h1 { color: #fff;}
.sxxpian a:hover img { opacity: 1;}
.sxxpian a:hover::before {background-position: -16px 0;}
.sxxpian a.post-next:hover::before {background-position: -36px 0;}
.tj-tit { font-size: 24px; color: #444; margin-top: 30px;}
/***************************/
.painting { overflow: hidden; padding: 0 50px 30px;}
.painting li { padding:50px 365px 50px 105px; height: 348px; position: relative; color: #999999; font-size: 14px; line-height: 28px; }
.painting li::before,.painting li::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d7d7d7; }
.painting li::after { width: 0; background: #ff8a00; z-index: 3; transition: all .3s; }
.painting li:hover::after { width: 100%;}
.painting li .tb-box { position: absolute; right: 0; top: 50px; width: 248px; height: 248px;;}
.painting li .num { transition: all .3s; position: absolute; left: 0; width: 105px; height: 200px; text-align: center; color: #cdcdcd; font-size: 48px;}
.painting li .num::before { content: ""; height: 121px; background: #dcdcdc; width: 1px; position: absolute; left: 52px; bottom: 10px; transition: all .3s;} 
.painting li h1 font{ font-size: 22px; color: #333333; font-weight: bold; margin-right: 10px; }
.painting li h3 { margin-top: 30px;transition: all .3s;}
.painting li .cp-m { color: #999999; margin-top: 20px; transition: all .3s;  width: 100px; text-align: center; position: relative; left: -24px;} 
.painting li:hover .cp-m {background-color: #ee1c25; color: #fff; left: 0px;}
.painting li:hover .tb-box img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.painting li:hover h1 font{ color: #ff8a00}
.painting li:hover .num { color: #ff8a00;font-size:42px; }
.painting li:hover .num::before{ bottom: 20px;}
.painting li:hover h3 { margin-top: 20px;}
.painting li:nth-child(2n) { padding:50px 105px 50px 300px; }
.painting li:nth-child(2n) .num{ left: auto;  right: 0; }
.painting li:nth-child(2n) .tb-box { right: auto; left: 0;}
/********************************/

/********/

/**************************/
.login-box { width: 410px; margin: 0 auto; padding-bottom: 50px;}
.login-box td { padding: 15px 0;}
.login-box td label { position: relative;}
.login-box td label span { position: absolute; left: 0; top: 0; width: 72px; padding-right: 11px; text-align: right; height: 24px; line-height: 24px; border-right: 1px solid #ddd; z-index: 2;} 
.sa-inp { border: 1px solid #dcdcdc !important; width: 410px; height: 50px; line-height: 48px; padding-left: 90px;}
.sa-sub { width: 410px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #ff8a00; font-size: 18px; }

.load-list { margin:10px 18px 0;}
.load-list li { position:relative; margin-top:30px; padding:10px 200px 10px 25px; color:#5e5e5e; line-height:28px; border:1px solid  #dcdcdc; -webkit-border-radius:8px; border-radius:8px;}
.load-list li:after { content:""; position:absolute; right:150px; width:0; height:80%; top:10%; border-left:1px dashed #aeaeae;}
.load-list li h1 { color:#484848; font-size:18px; font-weight:bold;}
.load-list li h5 { margin-top:10px;  color:#5e5e5e;}
.load-list li h5 i { margin-right:30px;}
.load-btn {}
.load-btn { position:absolute; right:35px; top:50%; margin-top:-15px; overflow:hidden; width:80px; height:30px; line-height:30px; text-align:center;  display:block; color:#fff; background:#ff8a00;    -webkit-box-shadow:4px 4px 4px #cbc8c7; box-shadow:4px 4px 4px #cbc8c7; }
.load-btn em { position:relative; z-index:2;}
.load-btn:before,.load-btn:after { content:""; position:absolute; top:0; height:100%; width:0; background:#ba1f18; -webkit-transition:all .3s; transition:all .3s;}
.load-btn:before { right:49%;}
.load-btn:after { left:49%;}
.load-btn:hover { color:#fff; border:1px solid #ba1f18;}
.load-btn:hover:before,.load-btn:hover:after { width:51%;}
/*************/














#bolang  { bottom: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 100;}
#bolang canvas { width: 100%; opacity: .8; height: 100%;}
.connn { color: #fff; z-index: 101; position: absolute; left: 0; width: 100%; top: 40%; text-align: center}
/*************案例CASE*************************/





/*********************************************/


.pbb50 { padding-bottom: 50px;}
.inntit { color: #2470aa; font-size: 36px; text-align: center; margin-top: 50px;}
.inncontent { line-height: 28px; color: #666; font-size: 16px; text-align: center; margin-top: 10px;}
.rc-lay1 { overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 20px;}
.rc-lay1 li { width: 25%; float: left; padding: 30px 0; margin:5px 0;  text-align: center; line-height: 24px; color: #555;  }
.rc-lay1 li img { width: 100px; height: 100px; }
.rc-lay1 li h1 { font-size: 18px; color: #414141; margin: 10px 0 10px;}
.rc-lay1 li:hover { background: #fff; box-shadow: 0 3px 3px #888; }
/********/
.rc-tab { overflow: hidden; margin-top: 50px; padding-left: 10px; }
.rc-tab a { float: left; display: block; width: 290px; margin-right: 5px; height: 50px; line-height: 50px; text-align: center; color: #ffffff; font-size: 22px; background: url(../images/rc-tab.jpg) top center no-repeat; transition: all .3s;}
.rc-tab a.rcp-on { background-position: 0 -60px; color: #2470aa; line-height: 56px;}
.rcp-inn .inncontent { margin: 40px 0 0 50px; text-align: left;}
.rc-lay2 { overflow: hidden; margin:30px 0 0 25px; }
.rc-lay2 li { width: 530px; height: 160px; padding-right: 35px; margin-left: 30px; background: #2470aa; border-radius: 10px; float: left; color: #fff; line-height: 24px;}  
.rc-lay2 li em { width: 124px; height: 160px; display: block; float: left; background: url(../images/rc11.png) center no-repeat;}
.rc-lay2 li.rcm-li {  background: #24aa95; }
.rc-lay2 li h1{ font-size: 22px; margin-top: 35px; margin-bottom: 10px;}
.rc-lay3 { overflow: hidden; width: 1120px; margin: 0 auto; margin-top: 30px;}
.rc-lay3 li { width: 25%; float: left; text-align: center; }
.rc-lay3 li .rc-cir { width: 100px; height: 100px; display: block; margin: 0 auto; margin-bottom: 10px;}
.rc-lay3 li .rc-cir em { width: 100px; height: 100px; display: block;}
.rc-lay3 li .rc-cir em.rcm1 { background: url(../images/rc1.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm2 { background: url(../images/rc2.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm3 { background: url(../images/rc3.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm4 { background: url(../images/rc4.png) no-repeat}
 /******************/
.js-list1 { width: 1280px; overflow: hidden; }
.js-list1 li { width: 586px; float: left; padding: 0 20px 0 0; border: 1px solid #dcdcdc; overflow: hidden;margin:30px 26px 0 0; line-height: 24px; color: #484848;}
.js-list1 li em { width: 150px; height: 150px; display: block; float: left; margin-right: 26px; background: url(../images/jsa1.jpg) no-repeat; text-align: center; line-height: 150px; font-size: 60px; color: #fff;} 
.js-list1 li h1 { color: #e8bc69; font-size: 22px; margin: 24px 0 15px; font-weight: bold;}
.js-tit { color: #484848; font-size: 36px; font-weight: bold; margin-top: 50px; text-align: center;}
.js-lay2 { position: relative; height: 275px; margin-top: 50px;}
.js-c21 { width: 252px; height: 252px; position: absolute; left: 213px; top: 0; border-radius: 100%; background: #e6af48; text-align: center; color: #ffffff; line-height: 30px; padding: 66px; font-size: 18px; font-weight: bold;}
.js-c21:before { content: ""; position: absolute; left: 12px; top: 12px; width: 228px; height: 228px; border: 2px solid #fff; border-radius: 100%; transition: all .3s;}
.js-c21:hover:before { width: 210px; height: 210px; left: 21px; top: 21px;}
.js-c22, .js-c23 { position: absolute; width: 472px; right: 203px; padding: 24px 0 0 138px; color: #fff; 
	font-size:18px; line-height: 64px;  }
.js-c22 { top: 0; height: 116px; background: url(../images/js-lay21.png) no-repeat;}
.js-c23 { top: 153px; height: 108px; background: url(../images/js-lay22.png) no-repeat;}
/***************/
.js-lay3 { overflow: hidden; margin-top: 50px; }
.js-lay3 li { float: left;  width: 20%; text-align: center; color: #555; line-height: 24px;  }
.js-lay3 li h1 { color: #414141; font-size: 20px; margin: 5px 0 10px;}
.js-lay3 .otho { margin-top: 66px;}
.js-lay4 { overflow: hidden; width: 1320px; margin-top: 30px;}
.js-lay4 li { width: 333px; height: 333px; position: relative; float: left; margin: 20px 80px 20px 20px; border-radius: 10px; box-shadow: 0 0 20px #d9d9d9;background: #fff; }
.js-lay4 li em { display: block; position: absolute; left: -20px; top:  30px; width: 169px; height: 98px; background: url(../images/js-jt.png) no-repeat; padding: 16px 0 0 56px; line-height: 66px; font-size: 40px; font-style: italic; font-family: Impact; color: #fff;}
.js-lay4 li h1 { color: #e6af48; font-size: 24px; padding: 60px 0 0 164px; font-weight: bold;	}
.js-lay4 li h3 { padding: 60px 30px 0; color: #5e5e5e; font-size: 16px; line-height: 36px;} 
.zx-btn9 { position:relative;  width:333px; height:56px; line-height:56px; text-align:center; font-size:22px; color:#ffffff; background:#c99a41; display:block; margin:0 auto;margin-top: 40px; -webkit-border-radius:44px; border-radius:44px; }
.zx-btn9:hover { color:#fff;}
.zx-btn9 i{display:inline-block;width:100px;height:56px;position: absolute;top:0px;right:15px;margin:auto;background:url(../images/zt/sericon.png) no-repeat center center; animation:scal 1.2s linear infinite;}
@keyframes scal{0%{transform:scale(0);opacity:1;}100%{transform:scale(1.2);opacity:0.5;}}
/********关于我们********/
.red{color: #ba1f18}



.datu{width: 800px;margin: 0 auto; height: 600px;position: relative;margin-bottom: 80px;}
.next2 {background:url(../images/next2.png) center no-repeat !important;right: -50px!important;}
.prev2 {background:url(../images/prev2.png) center no-repeat !important;left: -50px!important;}
.imim3 img{width: 800px;height: 600px;}

/**********************/
.lic-list { background:#fff url(../images/box5-bg.png) center 50px no-repeat; height:600px; position:relative;  }
.lic-list:after { content:""; position:absolute; bottom:0; height:50px;}
.lc-swipers { width:1200px;  box-sizing:content-box; padding-right:69px; margin:0 auto; height:600px; }


.wenhua-list{width: 1200px !important;height: 600px;position: relative; margin:0 auto;}
.wenhua-list li{width: 240px; color: #333;border-radius: 10px; float:left; overflow:visible; height:150px;}

.wenhua-list li:before {content: "";display: block;/*background: url(../images/xia.png) center no-repeat;*/height: 11px;width: 17px;position: absolute;left: 111px;bottom: -11px}
.wenhua-list li:nth-child(2n) { top:250px; left:-80px; position:relative;}
.wenhua-list li:nth-child(2n):before {content: "";display: block;/*background: url(../images/shang.png) center no-repeat;*/height: 11px;width: 17px;position: absolute;left: 111px; top: -11px}


.wenhua-list li .tbc{ background: #fff; box-shadow:2px 5px 7px #bbb; border-radius:10px;  width:160px; position:absolute; left:-30px; top:0; padding:0 15px;height: 150px;}
.wenhua-list li:nth-child(2n) .tbc {background: #fff !important;height: 150px;}

.wenhua-list li:nth-child(1) { margin-left:35px; top:190px;}
.wenhua-list li:nth-child(2) { top:430px;}
.wenhua-list li:nth-child(3) {top:170px;}
.wenhua-list li:nth-child(4) { top:420px;}
.wenhua-list li:nth-child(5) { top:150px;}
.wenhua-list li:nth-child(6) { top:380px;}
.wenhua-list li:nth-child(7) {top:100px;}
.wenhua-list li:nth-child(8) {  top:320px;}
.wenhua-list li:nth-child(9) {top:50px;}
.wenhua-list li:nth-child(10) { top:270px;}
.wenhua-list li:nth-child(11) {top:0px;}
.wenhua-list li:nth-child(12) { top:200px;}
.wenhua-list li h1{font-size: 20px;line-height: 50px; margin-top:10px; text-align: center}
.wenhua-list li p{font-size: 14px;line-height: 24px;padding: 0 10px}
.gary-bg2{background: #f5f5f5;}
.yq-tab a:hover{color: #fff!important;}
.lic-list .case-next,.lic-list .case-prev { width:40px; height:40px; left:50%; border:1px solid #f1e4df; top:auto !important; bottom:40px; transition:all .4s; -webkit-transition:all .4s; }
.lic-list .case-next { margin-left:-100px; background:url(../images/prev1.png) center no-repeat; border-right:none;}
.lic-list .case-prev { margin-left:59px; background:url(../images/next1.png) center no-repeat;  }
.lic-list .case-next:hover { width:60px; margin-left:-120px; }
.lic-list .case-prev:hover {  width:60px;  }
.fanye-btn { width:120px; height:40px; line-height:38px; text-align:center; color:#bc2b36; border:1px solid #f1e4df; position:absolute; bottom:40px; left:50%; margin-left:-60px;}
.fanye-btn a { color: #fff;}